import { useToggle } from '@vueuse/core'
import { TreeOption } from 'naive-ui'
import { Key } from 'naive-ui/es/tree/src/interface'
import { defineStore } from 'pinia'
import { Component } from 'vue'
import { computed, ref } from 'vue'

export const useEarthStore = defineStore('earth', () => {
    const tooltype = ref('')
    const panoramaurl = ref('')
    const panoramaurl_upload = ref('')
    const searchValAdministration = ref(null)
    const selItem = ref(null)
    const pannellist = ref<Record<string, { name: Component | String, options: any }>>({})
    // const cardlist = ref<Record<string, { name: Component | String, options: any }>>({})
    const cardlist = ref([])
    // const stausbarshow = ref(true)
    const stausbarshow = ref(true)
    // const timebarshow = ref(false)
    const timebarshow = ref(false)
    const eagleviewshow = ref(true)
    const splitScreenShow = ref(false)
    const showPanorama = ref(false)
    const legendshow = ref(false)
    const legenddata = ref([])



    return {
        panoramaurl_upload,
        panoramaurl,
        showPanorama,
        tooltype,
        searchValAdministration,
        selItem,
        pannellist,
        cardlist,
        stausbarshow,
        eagleviewshow,
        timebarshow,
        splitScreenShow,
        legendshow,
        legenddata,
    }
})
